<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>联系我们</title>
		<link rel="stylesheet" type="text/css" href="css/base.css"/>
		<link rel="stylesheet" type="text/css" href="css/contact.css"/>
	</head>
	<body>
		<!--头部-->
		<div class="header">
			<div class="logo f1">
				<img src="img/ABUIABAEGAAg_vzQ3gUox5H89AUwlwg4ygI.png" />
			</div>
			<span>Tea & Teaware</span>
			<ul>
				<li><a href="index.html">首页</a></li>
				<li><a href="about-us.html">关于我们</a></li>
				<li><a href="product.html">产品介绍</a></li>
				<li><a href="news.html">花果茶资讯</a></li>
				<li><a class="con" href="contact.html">联系我们</a></li>
			</ul>
		</div>
		<!--头部  end-->
		<!--广告栏-->
		<div class="banner"></div>
		<!--广告栏 end-->
		
		<!--联系我们-->
		<div class="box clearfix">
			<div class="container">
				<div class="box-con">
					<div class="left f1">
				    <div class="title">
					    <span>联系我们</span>
				    </div>
				    <p>联系邮箱:XXXXX</p>
				    <p>联系电话：XXXXX</p>
				    <p>联系地址：XXXXX</p>
				<div class="content">
					<div class="item f1">
						<div class="img">
							<img src="img/fw.jpg" />
						</div>
						<p class="p1">零壹风味茶服务号</p>
					</div>
					<div class="item f1">
						<div class="img">
							<img src="img/dy.jpg" />
						</div>
						<p class="p1">零壹风味茶服务号</p>
					</div>
				</div>
			</div>
			<div class="right fr">
		       <div class="con">
				<div class="title">发表你的留言：</div>
				<div class="from clearfix">
					<div class="item">
						<span>姓名：</span>
						<input type="text" />
					</div>
					<div class="item">
						<span>邮箱：</span>
						<input type="text" />
					</div>
					<div class="item">
						<span>电话：</span>
						<input type="text" />
					</div>
				</div>
				<div class="text">
					<span>内容：</span>
				    <textarea name="" rows="" cols=""></textarea>
				</div>
				<a href="">提交留言</a>
			  </div>
				
			</div>
				</div>
				
			</div>
		</div>
		<!--联系我们  end-->
		<div class="map">
			<div class="container">
				<iframe src="map.html" width="1200px" height="300px" ></iframe>
			</div>
		</div>
		<!--尾部-->
		<div class="footer">
			<div class="top">
				<div class="text">
					<ul class="ul1">
						<li>
							<i class="i1"></i>
							<p class="p1">地址</p>
							<p>深圳市龙岗区中心城万科</p>
							<p>天誉2期10栋A座</p>
						</li>
						<li>
							<i class="i2"></i>
							<p class="p1">地址</p>
							<p>深圳市龙岗区中心城万科</p>
							<p>天誉2期10栋A座</p>
						</li>
						<li>
							<i class="i3"></i>
							<p class="p1">地址</p>
							<p>深圳市龙岗区中心城万科</p>
							<p>天誉2期10栋A座</p>
						</li>
					</ul>
					<div class="xian"><img src="img/05 (2).png" /></div>
				</div>
				
				<div class="text">
					<ul class="ul2">
						<li>
							<a href="">首页</a>
							<span>|</span>
						</li>
						<li>
							<a href="">关于我们</a>
							<span>|</span>
						</li>
						<li>
							<a href="">产品介绍</a>
							<span>|</span>
						</li>
						<li>
							<a href="">花果资讯</a>
							<span>|</span>
						</li>
						<li>
							<a href="">联系我们</a>
						</li>
					</ul>
				</div>
			</div>
			<div class="bottom">
				<div class="container">
					<div class="con">
						<p class="p1">©2019 深圳市前海金玉鸿飞贸易有限公司 版权所有</p>
					    <p class="p2">
						   <a href="">手机版</a>
						   <span>|</span>
						   <span>本站使用</span>
						   <a href="">凡科搭建</a>
						   <span>搭站</span>
						   <span>|</span>
						   <a href="">管理登陆</a>
						   <span>|</span>
						   <a href="">粤ICPxxxxx</a>
					</p>
					</div>
				</div>
			</div>
			<div class="tu">
			    <img src="img/05.png" />
		    </div>
		</div>
		<!--尾部  end-->
		
		<script type="text/javascript" src="js/jquery-1.12.4.js" ></script>
		<script type="text/javascript">
			$(function(){
				$(".box-con").animate({left:"0px"},500);
			})
		</script>
	</body>
</html>
